<template>
  <div class="search-popup">
    <van-search
    v-model="searchVal"
    show-action
    :placeholder="placeholderVal"
    @search="onSearch"
    @cancel="onCancel"
  />
  </div>
</template>
<script>
import { Toast } from 'vant';
export default {
  data() {
    return {
      searchVal: "",
      placeholderVal:"",
    }
  },
   methods: {
    onSearch(val) {
     console.log("val:",val)
    },
    onCancel() {
      console.log("onCancel")
      this.$router.go(-1);
    },
  },
}
</script>
<style>
.search-popup{
  width: 100%;
  height: 100%;
  position: absolute;
 
  top:0;
  background-color: rgba(0,0,0,.5);
}
</style>